@import '@/lib/reset.scss';

.container {
  .headerNav {
    @include rect(100%, 28px);
    @include background-color(#545652);
    @include text-color(#d5d5d5);
    ul {

      li {
        display: inline-block;
        a {
          padding: 0 12px;
          color: #d5d5d5;
          line-height: 28px;
          font-size: 12px;
        }
      }
    }
  }
  .headerBox {
    @include rect(100%, 115px);
    // background-color: #f0f3f5;
    .header-box-wrap {
      @include rect(100%, 75px);
      @include border(0 0 1px 0, #e3ebec);
      .nav-primary {
        @include rect(1040px, 100%);
        margin: 0 auto;
        background-color: #f66;
        .nav-logo {

        }
        .nav-search {

        }
      }
    }
    .nav-items {
      @include rect(1040px, 40px);
      margin: 0 auto;
      // background-color: #00f;

      ul {

        li{
          display: inline-block;
          margin-right: 29px;
          a {
            color: #37a;
            
            line-height: 40px;
            &.active {
              color: #f66;
            }
          }
        }
      }
    }
  }
}